﻿<%@ Page Language="C#"  MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Profile.aspx.cs" Inherits="_Profile" %>
<%@ Register Assembly="Facebook.Web" Namespace="Facebook.Web.FbmlControls" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="SectionPlaceHolder" Runat="Server" >

    <!-- Buttons to navigate between profile sections -->
    <asp:button runat="server" onclick="profileClick" text="Profile" CssClass="content_btn" BackColor="White" Height="30"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="Black" />
    <asp:button runat="server" onclick="multimediaClick" text="Multimedia" CssClass="content_btn" BackColor="#627AAD"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />
    <asp:button runat="server" onclick="curriculumVitaeClick" text="Curriculum Vitae" CssClass="content_btn" BackColor="#627AAD"
                BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ProfilePlaceHolder" Runat="Server" >
    
    <!-- You are now viewing XXX's profile box -->
    <div style="background-color: #EDEFF4;border-style: double;border-width: 1px;color: Black">
         &nbsp;
         <asp:image runat="server" id="profileImage" width="16" height="16" />
         &nbsp;
         <asp:label runat="server" id="profileLabel" text="You are now viewing XXX's profile." />
         &nbsp;
    </div>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server" >

    <!-- Repeater to display information about musician -->
    <asp:Repeater id="ProfileRepeater" runat="Server">
        
        <ItemTemplate>
            <div style='height:200px'>
                <div style='float:left;width:300px;height:200px'>
                    <asp:image runat="server" id="imageResult" width="290" height="190" imageurl='<%#Eval("picture") %>' cssclass="picture-margins" />
                </div>

                <div style='float:right;width:200px;height:200px'>
                    <center>
                        <div style='height:50px'> </div>
                        <div  style='background-color: #EDEFF4; border-style: solid; border-color: Black; border-width: 1px;'>
                        <!-- Band Name -->
                        <b>
                            <asp:Label runat="server" Text='<%#Eval("name") %>' cssclass="titleText" />
                        </b>
                
                        <p />
                
                        <!-- Label -->
                        <asp:Label runat="server" Text='<%#Eval("label") %>' /><br />
                        <!-- Tags -->
                        <asp:Label runat="server" Text='<%#Eval("tag1") %>' />, 
                        <asp:Label runat="server" Text='<%#Eval("tag2") %>' />, 
                        <asp:Label runat="server" Text='<%#Eval("tag3") %>' />
                        </div>
                    </center>
                </div>
            </div>
            <br />
            <div>
                <div class="headerLightStyle" >Biography </div>
                <div>
                    <%#Eval("bio") %>
                </div>
            </div>
            <br />
            <div>
                <div class="headerLightStyle" >Experiences </div>
                <div>
                    <%#Eval("experience") %>
                </div>
            </div>
            <br />
            <div>
                <div class="headerLightStyle" >Influences </div>
                <div>
                    <%#Eval("influences") %>
                </div>
            </div>
            <br />        
        </ItemTemplate>                   
    </asp:Repeater>        
    <br />


    <div>
        <div class="headerLightStyle" >Multimedia Content </div>
                 
        <div>
           <!-- Panel to show if there is a multimedia available to view -->   
           <asp:panel runat="server" id="videoPanel">
                  <!-- ♪ Now Playing Video ♪ -->
                <div class="videoLeftContent" >
                        
                    <asp:Repeater id="MultimediaRepeater" runat="Server">
                        <ItemTemplate>
                                <cc1:swf ID="Swf2"
                                    swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
                                    swfsrc='<%# ((EmbeddedObject)Container.DataItem).Multimedia  %>'
                                    imgsrc='<%# ((EmbeddedObject)Container.DataItem).Image  %>' width='200' height='160' runat="server" />
                        </ItemTemplate>
                    </asp:Repeater>
                       
                </div>
                              
            
                <div class="videoRightContent" >
                    <div style='height:60px'>
                    
                        <br />
                        <!-- ♪ Now Playing ♪ -->
                        <asp:Repeater id="NowPlayingListRepeater" runat="Server">
                                <ItemTemplate>
                             
                                <div>
                                    <div style="float:left">
                                    <b>Now Playing:&nbsp;&nbsp;</b>
                                    </div>
                                    <div  class='contentStyle' style="float:left;background-color: #8EC1DA" >
                                    ♪ <asp:label runat="server" text='<%# ((EmbeddedObject)Container.DataItem).Title  %>' /> ♪
                                    </div>
                                </div>
                             
                                </ItemTemplate>
                        </asp:Repeater>
                    
                    </div>

                <div class="headerLightStyle" >
                        <asp:label runat="server" id="otherVideosLabel" text="Other Videos By XXX" />
                    </div>      
   
                    <asp:Repeater id="MultimediaListRepeater" runat="Server">
                            
                            <ItemTemplate>
                                <div style="border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:Black">
                                    • <asp:label runat="server" text='<%# ((EmbeddedObject)Container.DataItem).Title  %>' />
                                </div>
                            </ItemTemplate>
                            
                            <AlternatingItemTemplate>
                                <div style='background-color: #EDEFF4;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:Black' >
                                    • <asp:label runat="server" text='<%# ((EmbeddedObject)Container.DataItem).Title  %>' />
                                </div>
                            </AlternatingItemTemplate>

                    </asp:Repeater>

                    <div style="float:right">
                        <asp:button runat="server" onclick="additionalMultimediaClick"
                                    text="(View Additional Multimedia)" CssClass="btn" BorderColor="White" BorderStyle="None" BorderWidth="0px" Font-Underline="True" 
                                    ForeColor="Blue" />
                    </div>                         
                    <br />
                            
                </div>

                <br />

            </asp:panel>

            <!-- Panel to show if there is no multimedia available to view -->   
            <asp:panel runat="server" id="noVideoPanel" visible="false">
                No multimedia content to display.
                <br />
            </asp:panel>

          </div>
           
    </div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SideBarPlaceHolder" Runat="Server" >

        <br />
        
        <!-- Website URL side box -->
        <asp:panel runat="server" id="websitePanel" visible="false">
        
            <div class="headerDarkStyle">
                <asp:image runat="server" id="websiteImage" width="16" height="16" imageurl="Images/website.gif" /> 
                &nbsp; Website
            </div>
            <div class="contentStyle">
            <center>
                <asp:button runat="server" id="viewWebsiteURL" onclick="viewWebsiteClick"
                text="websiteUrl" CssClass="btn" BorderColor="White" BorderStyle="None" BorderWidth="0px" Font-Underline="True" 
                ForeColor="Blue" />
            </center>
            </div>
        
        </asp:panel>
        
        <br />

        <!-- CV download side bar -->
        <asp:panel runat="server" id="cvPanel" visible="false">
        
            <div class="headerDarkStyle">
                <asp:image runat="server" id="downloadImage" width="16" height="16" imageurl="Images/download.png" />
                &nbsp; Download Curriculum Vitae
            </div>
            <div class="contentStyle">
            <center>
              (
                <asp:button runat="server" id="viewPDFURL" onclick="viewPDFClick"
                            text=".pdf" CssClass="btn" BorderColor="White" BorderStyle="None" BorderWidth="0px" Font-Underline="True" 
                            ForeColor="Blue" />
                <asp:image runat="server" id="downloadPDFImage" width="16" height="16" imageurl="Images/downloadpdf.gif" /> &nbsp
              )
            </center>
            </div>

        </asp:panel>

        <br />

</asp:Content>